<template>
  <div class="app-car-container">

    <CustomContent>
      <template v-slot:body>
        <div>
<!--          <iframe-->
<!--            :srcdoc="contractTempBody"-->
<!--            frameborder="0"-->
<!--            width="100%"-->
<!--            height="1000"-->
<!--          ></iframe>-->
          <editor v-model="contractTempBody" read-only/>
        </div>
      </template>
      <template v-slot:footer>
        <div class="footer">
          <el-button type="info" plain @click.native="close">返回</el-button>
        </div>
      </template>
    </CustomContent>
  </div>
</template>

<script>
import CustomContent from '@/components/custom/content.vue'
import {getTemplate} from "@/api/contract/template";

export default {
  // import 引入的组件需要注入到对象中才能使用
  components: {CustomContent},
  props: {},
  data() {
    // 这里存放数据
    return {
      contractTempBody: ''
    }
  },
  // 计算属性 类似于 data 概念
  computed: {},
  // 方法集合
  methods: {
    getTemplateDetail() {
      getTemplate(this.$route.query.id).then(res => {
        this.contractTempBody = res.data.body;
      })
    },
    close() {
      this.$router.back();
    }
  },
  // 生命周期 - 创建完成（可以访问当前this 实例）
  created() {
  },
  // 生命周期 - 挂载完成（可以访问 DOM 元素）
  mounted() {
    this.getTemplateDetail();
  },

}
</script>

<style lang="scss" scoped>
</style>
